<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont Demo</title>
    <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico"
          type="image/x-icon"/>
    <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
    <link rel="stylesheet" href="__LIB__iconfont/demo.css">
    <link rel="stylesheet" href="__LIB__iconfont/iconfont.css">
    <!-- jQuery -->
    <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
</head>
<body>
<div class="main">
    <div class="tab-container">
        <div class="content font-class" style="display: block;">
            <ul class="icon_lists dib-box">

                <li class="dib">
                    <span class="icon iconfont icon-appreciate"></span>
                    <div class="name">
                        appreciate
                    </div>
                    <div class="code-name">.icon-appreciate
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-check"></span>
                    <div class="name">
                        check
                    </div>
                    <div class="code-name">.icon-check
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-close"></span>
                    <div class="name">
                        close
                    </div>
                    <div class="code-name">.icon-close
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-edit"></span>
                    <div class="name">
                        edit
                    </div>
                    <div class="code-name">.icon-edit
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-emoji"></span>
                    <div class="name">
                        emoji
                    </div>
                    <div class="code-name">.icon-emoji
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-favorfill"></span>
                    <div class="name">
                        favor_fill
                    </div>
                    <div class="code-name">.icon-favorfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-favor"></span>
                    <div class="name">
                        favor
                    </div>
                    <div class="code-name">.icon-favor
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-loading"></span>
                    <div class="name">
                        loading
                    </div>
                    <div class="code-name">.icon-loading
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-locationfill"></span>
                    <div class="name">
                        location_fill
                    </div>
                    <div class="code-name">.icon-locationfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-location"></span>
                    <div class="name">
                        location
                    </div>
                    <div class="code-name">.icon-location
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-phone"></span>
                    <div class="name">
                        phone
                    </div>
                    <div class="code-name">.icon-phone
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundcheckfill"></span>
                    <div class="name">
                        round_check_fill
                    </div>
                    <div class="code-name">.icon-roundcheckfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundcheck"></span>
                    <div class="name">
                        round_check
                    </div>
                    <div class="code-name">.icon-roundcheck
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundclosefill"></span>
                    <div class="name">
                        round_close_fill
                    </div>
                    <div class="code-name">.icon-roundclosefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundclose"></span>
                    <div class="name">
                        round_close
                    </div>
                    <div class="code-name">.icon-roundclose
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundrightfill"></span>
                    <div class="name">
                        round_right_fill
                    </div>
                    <div class="code-name">.icon-roundrightfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundright"></span>
                    <div class="name">
                        round_right
                    </div>
                    <div class="code-name">.icon-roundright
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-search"></span>
                    <div class="name">
                        search
                    </div>
                    <div class="code-name">.icon-search
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-taxi"></span>
                    <div class="name">
                        taxi
                    </div>
                    <div class="code-name">.icon-taxi
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-timefill"></span>
                    <div class="name">
                        time_fill
                    </div>
                    <div class="code-name">.icon-timefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-time"></span>
                    <div class="name">
                        time
                    </div>
                    <div class="code-name">.icon-time
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-unfold"></span>
                    <div class="name">
                        unfold
                    </div>
                    <div class="code-name">.icon-unfold
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-warnfill"></span>
                    <div class="name">
                        warn_fill
                    </div>
                    <div class="code-name">.icon-warnfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-warn"></span>
                    <div class="name">
                        warn
                    </div>
                    <div class="code-name">.icon-warn
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-camerafill"></span>
                    <div class="name">
                        camera_fill
                    </div>
                    <div class="code-name">.icon-camerafill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-camera"></span>
                    <div class="name">
                        camera
                    </div>
                    <div class="code-name">.icon-camera
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-commentfill"></span>
                    <div class="name">
                        comment_fill
                    </div>
                    <div class="code-name">.icon-commentfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-comment"></span>
                    <div class="name">
                        comment
                    </div>
                    <div class="code-name">.icon-comment
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-likefill"></span>
                    <div class="name">
                        like_fill
                    </div>
                    <div class="code-name">.icon-likefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-like"></span>
                    <div class="name">
                        like
                    </div>
                    <div class="code-name">.icon-like
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-notificationfill"></span>
                    <div class="name">
                        notification_fill
                    </div>
                    <div class="code-name">.icon-notificationfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-notification"></span>
                    <div class="name">
                        notification
                    </div>
                    <div class="code-name">.icon-notification
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-order"></span>
                    <div class="name">
                        order
                    </div>
                    <div class="code-name">.icon-order
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-samefill"></span>
                    <div class="name">
                        same_fill
                    </div>
                    <div class="code-name">.icon-samefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-same"></span>
                    <div class="name">
                        same
                    </div>
                    <div class="code-name">.icon-same
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-deliver"></span>
                    <div class="name">
                        deliver
                    </div>
                    <div class="code-name">.icon-deliver
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-evaluate"></span>
                    <div class="name">
                        evaluate
                    </div>
                    <div class="code-name">.icon-evaluate
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-pay"></span>
                    <div class="name">
                        pay
                    </div>
                    <div class="code-name">.icon-pay
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-send"></span>
                    <div class="name">
                        send
                    </div>
                    <div class="code-name">.icon-send
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-shop"></span>
                    <div class="name">
                        shop
                    </div>
                    <div class="code-name">.icon-shop
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-ticket"></span>
                    <div class="name">
                        ticket
                    </div>
                    <div class="code-name">.icon-ticket
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-wang"></span>
                    <div class="name">
                        wang
                    </div>
                    <div class="code-name">.icon-wang
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-back"></span>
                    <div class="name">
                        back
                    </div>
                    <div class="code-name">.icon-back
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cascades"></span>
                    <div class="name">
                        cascades
                    </div>
                    <div class="code-name">.icon-cascades
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-discover"></span>
                    <div class="name">
                        discover
                    </div>
                    <div class="code-name">.icon-discover
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-list"></span>
                    <div class="name">
                        list
                    </div>
                    <div class="code-name">.icon-list
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-more"></span>
                    <div class="name">
                        more
                    </div>
                    <div class="code-name">.icon-more
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-scan"></span>
                    <div class="name">
                        scan
                    </div>
                    <div class="code-name">.icon-scan
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-settings"></span>
                    <div class="name">
                        settings
                    </div>
                    <div class="code-name">.icon-settings
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-questionfill"></span>
                    <div class="name">
                        question_fill
                    </div>
                    <div class="code-name">.icon-questionfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-question"></span>
                    <div class="name">
                        question
                    </div>
                    <div class="code-name">.icon-question
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-shopfill"></span>
                    <div class="name">
                        shop_fill
                    </div>
                    <div class="code-name">.icon-shopfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-form"></span>
                    <div class="name">
                        form
                    </div>
                    <div class="code-name">.icon-form
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-wangfill"></span>
                    <div class="name">
                        wang_fill
                    </div>
                    <div class="code-name">.icon-wangfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-pic"></span>
                    <div class="name">
                        pic
                    </div>
                    <div class="code-name">.icon-pic
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-filter"></span>
                    <div class="name">
                        filter
                    </div>
                    <div class="code-name">.icon-filter
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-footprint"></span>
                    <div class="name">
                        footprint
                    </div>
                    <div class="code-name">.icon-footprint
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-top"></span>
                    <div class="name">
                        top
                    </div>
                    <div class="code-name">.icon-top
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-pulldown"></span>
                    <div class="name">
                        pull_down
                    </div>
                    <div class="code-name">.icon-pulldown
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-pullup"></span>
                    <div class="name">
                        pull_up
                    </div>
                    <div class="code-name">.icon-pullup
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-right"></span>
                    <div class="name">
                        right
                    </div>
                    <div class="code-name">.icon-right
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-refresh"></span>
                    <div class="name">
                        refresh
                    </div>
                    <div class="code-name">.icon-refresh
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-moreandroid"></span>
                    <div class="name">
                        more_android
                    </div>
                    <div class="code-name">.icon-moreandroid
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-deletefill"></span>
                    <div class="name">
                        delete_fill
                    </div>
                    <div class="code-name">.icon-deletefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-refund"></span>
                    <div class="name">
                        refund
                    </div>
                    <div class="code-name">.icon-refund
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cart"></span>
                    <div class="name">
                        cart
                    </div>
                    <div class="code-name">.icon-cart
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-qrcode"></span>
                    <div class="name">
                        qr_code
                    </div>
                    <div class="code-name">.icon-qrcode
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-remind"></span>
                    <div class="name">
                        remind
                    </div>
                    <div class="code-name">.icon-remind
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-delete"></span>
                    <div class="name">
                        delete
                    </div>
                    <div class="code-name">.icon-delete
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-profile"></span>
                    <div class="name">
                        profile
                    </div>
                    <div class="code-name">.icon-profile
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-home"></span>
                    <div class="name">
                        home
                    </div>
                    <div class="code-name">.icon-home
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cartfill"></span>
                    <div class="name">
                        cart_fill
                    </div>
                    <div class="code-name">.icon-cartfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-discoverfill"></span>
                    <div class="name">
                        discover_fill
                    </div>
                    <div class="code-name">.icon-discoverfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-homefill"></span>
                    <div class="name">
                        home_fill
                    </div>
                    <div class="code-name">.icon-homefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-message"></span>
                    <div class="name">
                        message
                    </div>
                    <div class="code-name">.icon-message
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-addressbook"></span>
                    <div class="name">
                        address_book
                    </div>
                    <div class="code-name">.icon-addressbook
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-link"></span>
                    <div class="name">
                        link
                    </div>
                    <div class="code-name">.icon-link
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-lock"></span>
                    <div class="name">
                        lock
                    </div>
                    <div class="code-name">.icon-lock
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-unlock"></span>
                    <div class="name">
                        unlock
                    </div>
                    <div class="code-name">.icon-unlock
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-vip"></span>
                    <div class="name">
                        vip
                    </div>
                    <div class="code-name">.icon-vip
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-weibo"></span>
                    <div class="name">
                        weibo
                    </div>
                    <div class="code-name">.icon-weibo
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-activity"></span>
                    <div class="name">
                        activity
                    </div>
                    <div class="code-name">.icon-activity
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-big"></span>
                    <div class="name">
                        big
                    </div>
                    <div class="code-name">.icon-big
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-friendaddfill"></span>
                    <div class="name">
                        friend_add_fill
                    </div>
                    <div class="code-name">.icon-friendaddfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-friendadd"></span>
                    <div class="name">
                        friend_add
                    </div>
                    <div class="code-name">.icon-friendadd
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-friendfamous"></span>
                    <div class="name">
                        friend_famous
                    </div>
                    <div class="code-name">.icon-friendfamous
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-friend"></span>
                    <div class="name">
                        friend
                    </div>
                    <div class="code-name">.icon-friend
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-goods"></span>
                    <div class="name">
                        goods
                    </div>
                    <div class="code-name">.icon-goods
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-selection"></span>
                    <div class="name">
                        selection
                    </div>
                    <div class="code-name">.icon-selection
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-tmall"></span>
                    <div class="name">
                        tmall
                    </div>
                    <div class="code-name">.icon-tmall
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-explore"></span>
                    <div class="name">
                        explore
                    </div>
                    <div class="code-name">.icon-explore
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-present"></span>
                    <div class="name">
                        present
                    </div>
                    <div class="code-name">.icon-present
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-squarecheckfill"></span>
                    <div class="name">
                        square_check_fill
                    </div>
                    <div class="code-name">.icon-squarecheckfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-square"></span>
                    <div class="name">
                        square
                    </div>
                    <div class="code-name">.icon-square
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-squarecheck"></span>
                    <div class="name">
                        square_check
                    </div>
                    <div class="code-name">.icon-squarecheck
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round"></span>
                    <div class="name">
                        round
                    </div>
                    <div class="code-name">.icon-round
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundaddfill"></span>
                    <div class="name">
                        round_add_fill
                    </div>
                    <div class="code-name">.icon-roundaddfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundadd"></span>
                    <div class="name">
                        round_add
                    </div>
                    <div class="code-name">.icon-roundadd
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-add"></span>
                    <div class="name">
                        add
                    </div>
                    <div class="code-name">.icon-add
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-notificationforbidfill"></span>
                    <div class="name">
                        notification_forbid_fill
                    </div>
                    <div class="code-name">.icon-notificationforbidfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-explorefill"></span>
                    <div class="name">
                        explore_fill
                    </div>
                    <div class="code-name">.icon-explorefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-fold"></span>
                    <div class="name">
                        fold
                    </div>
                    <div class="code-name">.icon-fold
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-game"></span>
                    <div class="name">
                        game
                    </div>
                    <div class="code-name">.icon-game
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-redpacket"></span>
                    <div class="name">
                        redpacket
                    </div>
                    <div class="code-name">.icon-redpacket
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-selectionfill"></span>
                    <div class="name">
                        selection_fill
                    </div>
                    <div class="code-name">.icon-selectionfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-similar"></span>
                    <div class="name">
                        similar
                    </div>
                    <div class="code-name">.icon-similar
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-appreciatefill"></span>
                    <div class="name">
                        appreciate_fill
                    </div>
                    <div class="code-name">.icon-appreciatefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-infofill"></span>
                    <div class="name">
                        info_fill
                    </div>
                    <div class="code-name">.icon-infofill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-info"></span>
                    <div class="name">
                        info
                    </div>
                    <div class="code-name">.icon-info
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-tao"></span>
                    <div class="name">
                        tao
                    </div>
                    <div class="code-name">.icon-tao
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-mobiletao"></span>
                    <div class="name">
                        mobile_tao
                    </div>
                    <div class="code-name">.icon-mobiletao
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-forwardfill"></span>
                    <div class="name">
                        forward_fill
                    </div>
                    <div class="code-name">.icon-forwardfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-forward"></span>
                    <div class="name">
                        forward
                    </div>
                    <div class="code-name">.icon-forward
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-rechargefill"></span>
                    <div class="name">
                        recharge_fill
                    </div>
                    <div class="code-name">.icon-rechargefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-recharge"></span>
                    <div class="name">
                        recharge
                    </div>
                    <div class="code-name">.icon-recharge
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-vipcard"></span>
                    <div class="name">
                        vipcard
                    </div>
                    <div class="code-name">.icon-vipcard
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-voice"></span>
                    <div class="name">
                        voice
                    </div>
                    <div class="code-name">.icon-voice
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-voicefill"></span>
                    <div class="name">
                        voice_fill
                    </div>
                    <div class="code-name">.icon-voicefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-friendfavor"></span>
                    <div class="name">
                        friend_favor
                    </div>
                    <div class="code-name">.icon-friendfavor
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-wifi"></span>
                    <div class="name">
                        wifi
                    </div>
                    <div class="code-name">.icon-wifi
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-share"></span>
                    <div class="name">
                        share
                    </div>
                    <div class="code-name">.icon-share
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-wefill"></span>
                    <div class="name">
                        we_fill
                    </div>
                    <div class="code-name">.icon-wefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-we"></span>
                    <div class="name">
                        we
                    </div>
                    <div class="code-name">.icon-we
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-lightauto"></span>
                    <div class="name">
                        light_auto
                    </div>
                    <div class="code-name">.icon-lightauto
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-lightforbid"></span>
                    <div class="name">
                        light_forbid
                    </div>
                    <div class="code-name">.icon-lightforbid
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-lightfill"></span>
                    <div class="name">
                        light_fill
                    </div>
                    <div class="code-name">.icon-lightfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-camerarotate"></span>
                    <div class="name">
                        camera_rotate
                    </div>
                    <div class="code-name">.icon-camerarotate
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-light"></span>
                    <div class="name">
                        light
                    </div>
                    <div class="code-name">.icon-light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-barcode"></span>
                    <div class="name">
                        bar_code
                    </div>
                    <div class="code-name">.icon-barcode
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-flashlightclose"></span>
                    <div class="name">
                        flashlight_close
                    </div>
                    <div class="code-name">.icon-flashlightclose
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-flashlightopen"></span>
                    <div class="name">
                        flashlight_open
                    </div>
                    <div class="code-name">.icon-flashlightopen
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-searchlist"></span>
                    <div class="name">
                        search_list
                    </div>
                    <div class="code-name">.icon-searchlist
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-service"></span>
                    <div class="name">
                        service
                    </div>
                    <div class="code-name">.icon-service
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-sort"></span>
                    <div class="name">
                        sort
                    </div>
                    <div class="code-name">.icon-sort
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-1212"></span>
                    <div class="name">
                        1212
                    </div>
                    <div class="code-name">.icon-1212
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-down"></span>
                    <div class="name">
                        down
                    </div>
                    <div class="code-name">.icon-down
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-mobile"></span>
                    <div class="name">
                        mobile
                    </div>
                    <div class="code-name">.icon-mobile
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-mobilefill"></span>
                    <div class="name">
                        mobile_fill
                    </div>
                    <div class="code-name">.icon-mobilefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-copy"></span>
                    <div class="name">
                        copy
                    </div>
                    <div class="code-name">.icon-copy
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-countdownfill"></span>
                    <div class="name">
                        countdown_fill
                    </div>
                    <div class="code-name">.icon-countdownfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-countdown"></span>
                    <div class="name">
                        countdown
                    </div>
                    <div class="code-name">.icon-countdown
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-noticefill"></span>
                    <div class="name">
                        notice_fill
                    </div>
                    <div class="code-name">.icon-noticefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-notice"></span>
                    <div class="name">
                        notice
                    </div>
                    <div class="code-name">.icon-notice
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-qiang"></span>
                    <div class="name">
                        qiang
                    </div>
                    <div class="code-name">.icon-qiang
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-upstagefill"></span>
                    <div class="name">
                        upstage_fill
                    </div>
                    <div class="code-name">.icon-upstagefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-upstage"></span>
                    <div class="name">
                        upstage
                    </div>
                    <div class="code-name">.icon-upstage
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-babyfill"></span>
                    <div class="name">
                        baby_fill
                    </div>
                    <div class="code-name">.icon-babyfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-baby"></span>
                    <div class="name">
                        baby
                    </div>
                    <div class="code-name">.icon-baby
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-brandfill"></span>
                    <div class="name">
                        brand_fill
                    </div>
                    <div class="code-name">.icon-brandfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-brand"></span>
                    <div class="name">
                        brand
                    </div>
                    <div class="code-name">.icon-brand
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-choicenessfill"></span>
                    <div class="name">
                        choiceness_fill
                    </div>
                    <div class="code-name">.icon-choicenessfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-choiceness"></span>
                    <div class="name">
                        choiceness
                    </div>
                    <div class="code-name">.icon-choiceness
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-clothesfill"></span>
                    <div class="name">
                        clothes_fill
                    </div>
                    <div class="code-name">.icon-clothesfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-clothes"></span>
                    <div class="name">
                        clothes
                    </div>
                    <div class="code-name">.icon-clothes
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-creativefill"></span>
                    <div class="name">
                        creative_fill
                    </div>
                    <div class="code-name">.icon-creativefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-creative"></span>
                    <div class="name">
                        creative
                    </div>
                    <div class="code-name">.icon-creative
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-female"></span>
                    <div class="name">
                        female
                    </div>
                    <div class="code-name">.icon-female
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-keyboard"></span>
                    <div class="name">
                        keyboard
                    </div>
                    <div class="code-name">.icon-keyboard
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-male"></span>
                    <div class="name">
                        male
                    </div>
                    <div class="code-name">.icon-male
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-newfill"></span>
                    <div class="name">
                        new_fill
                    </div>
                    <div class="code-name">.icon-newfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-new"></span>
                    <div class="name">
                        new
                    </div>
                    <div class="code-name">.icon-new
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-pullleft"></span>
                    <div class="name">
                        pull_left
                    </div>
                    <div class="code-name">.icon-pullleft
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-pullright"></span>
                    <div class="name">
                        pull_right
                    </div>
                    <div class="code-name">.icon-pullright
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-rankfill"></span>
                    <div class="name">
                        rank_fill
                    </div>
                    <div class="code-name">.icon-rankfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-rank"></span>
                    <div class="name">
                        rank
                    </div>
                    <div class="code-name">.icon-rank
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-bad"></span>
                    <div class="name">
                        bad
                    </div>
                    <div class="code-name">.icon-bad
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cameraadd"></span>
                    <div class="name">
                        camera_add
                    </div>
                    <div class="code-name">.icon-cameraadd
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-focus"></span>
                    <div class="name">
                        focus
                    </div>
                    <div class="code-name">.icon-focus
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-friendfill"></span>
                    <div class="name">
                        friend_fill
                    </div>
                    <div class="code-name">.icon-friendfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cameraaddfill"></span>
                    <div class="name">
                        camera_add_fill
                    </div>
                    <div class="code-name">.icon-cameraaddfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-apps"></span>
                    <div class="name">
                        apps
                    </div>
                    <div class="code-name">.icon-apps
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-paintfill"></span>
                    <div class="name">
                        paint_fill
                    </div>
                    <div class="code-name">.icon-paintfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-paint"></span>
                    <div class="name">
                        paint
                    </div>
                    <div class="code-name">.icon-paint
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-picfill"></span>
                    <div class="name">
                        pic_fill
                    </div>
                    <div class="code-name">.icon-picfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-refresharrow"></span>
                    <div class="name">
                        refresh_arrow
                    </div>
                    <div class="code-name">.icon-refresharrow
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-markfill"></span>
                    <div class="name">
                        mark_fill
                    </div>
                    <div class="code-name">.icon-markfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-mark"></span>
                    <div class="name">
                        mark
                    </div>
                    <div class="code-name">.icon-mark
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-presentfill"></span>
                    <div class="name">
                        present_fill
                    </div>
                    <div class="code-name">.icon-presentfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-repeal"></span>
                    <div class="name">
                        repeal
                    </div>
                    <div class="code-name">.icon-repeal
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-album"></span>
                    <div class="name">
                        album
                    </div>
                    <div class="code-name">.icon-album
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-peoplefill"></span>
                    <div class="name">
                        people_fill
                    </div>
                    <div class="code-name">.icon-peoplefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-people"></span>
                    <div class="name">
                        people
                    </div>
                    <div class="code-name">.icon-people
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-servicefill"></span>
                    <div class="name">
                        service_fill
                    </div>
                    <div class="code-name">.icon-servicefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-repair"></span>
                    <div class="name">
                        repair
                    </div>
                    <div class="code-name">.icon-repair
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-file"></span>
                    <div class="name">
                        file
                    </div>
                    <div class="code-name">.icon-file
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-repairfill"></span>
                    <div class="name">
                        repair_fill
                    </div>
                    <div class="code-name">.icon-repairfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-taoxiaopu"></span>
                    <div class="name">
                        taoxiaopu
                    </div>
                    <div class="code-name">.icon-taoxiaopu
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-attentionfill"></span>
                    <div class="name">
                        attention_fill
                    </div>
                    <div class="code-name">.icon-attentionfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-attention"></span>
                    <div class="name">
                        attention
                    </div>
                    <div class="code-name">.icon-attention
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-commandfill"></span>
                    <div class="name">
                        command_fill
                    </div>
                    <div class="code-name">.icon-commandfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-command"></span>
                    <div class="name">
                        command
                    </div>
                    <div class="code-name">.icon-command
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-communityfill"></span>
                    <div class="name">
                        community_fill
                    </div>
                    <div class="code-name">.icon-communityfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-community"></span>
                    <div class="name">
                        community
                    </div>
                    <div class="code-name">.icon-community
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-read"></span>
                    <div class="name">
                        read
                    </div>
                    <div class="code-name">.icon-read
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-suan"></span>
                    <div class="name">
                        suan
                    </div>
                    <div class="code-name">.icon-suan
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-hua"></span>
                    <div class="name">
                        hua
                    </div>
                    <div class="code-name">.icon-hua
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-ju"></span>
                    <div class="name">
                        ju
                    </div>
                    <div class="code-name">.icon-ju
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-tian"></span>
                    <div class="name">
                        tian
                    </div>
                    <div class="code-name">.icon-tian
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-calendar"></span>
                    <div class="name">
                        calendar
                    </div>
                    <div class="code-name">.icon-calendar
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cut"></span>
                    <div class="name">
                        cut
                    </div>
                    <div class="code-name">.icon-cut
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-magic"></span>
                    <div class="name">
                        magic
                    </div>
                    <div class="code-name">.icon-magic
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-backwardfill"></span>
                    <div class="name">
                        backward_fill
                    </div>
                    <div class="code-name">.icon-backwardfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-playfill"></span>
                    <div class="name">
                        play_fill
                    </div>
                    <div class="code-name">.icon-playfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-stop"></span>
                    <div class="name">
                        stop
                    </div>
                    <div class="code-name">.icon-stop
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-tagfill"></span>
                    <div class="name">
                        tag_fill
                    </div>
                    <div class="code-name">.icon-tagfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-tag"></span>
                    <div class="name">
                        tag
                    </div>
                    <div class="code-name">.icon-tag
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-group"></span>
                    <div class="name">
                        group
                    </div>
                    <div class="code-name">.icon-group
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-all"></span>
                    <div class="name">
                        all
                    </div>
                    <div class="code-name">.icon-all
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-backdelete"></span>
                    <div class="name">
                        back_delete
                    </div>
                    <div class="code-name">.icon-backdelete
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-hotfill"></span>
                    <div class="name">
                        hot_fill
                    </div>
                    <div class="code-name">.icon-hotfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-hot"></span>
                    <div class="name">
                        hot
                    </div>
                    <div class="code-name">.icon-hot
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-post"></span>
                    <div class="name">
                        post
                    </div>
                    <div class="code-name">.icon-post
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-radiobox"></span>
                    <div class="name">
                        radio_box
                    </div>
                    <div class="code-name">.icon-radiobox
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-rounddown"></span>
                    <div class="name">
                        round_down
                    </div>
                    <div class="code-name">.icon-rounddown
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-upload"></span>
                    <div class="name">
                        upload
                    </div>
                    <div class="code-name">.icon-upload
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-writefill"></span>
                    <div class="name">
                        write_fill
                    </div>
                    <div class="code-name">.icon-writefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-write"></span>
                    <div class="name">
                        write
                    </div>
                    <div class="code-name">.icon-write
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-radioboxfill"></span>
                    <div class="name">
                        radio_box_fill
                    </div>
                    <div class="code-name">.icon-radioboxfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-punch"></span>
                    <div class="name">
                        punch
                    </div>
                    <div class="code-name">.icon-punch
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-shake"></span>
                    <div class="name">
                        shake
                    </div>
                    <div class="code-name">.icon-shake
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-add1"></span>
                    <div class="name">
                        add
                    </div>
                    <div class="code-name">.icon-add1
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-move"></span>
                    <div class="name">
                        move
                    </div>
                    <div class="code-name">.icon-move
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-safe"></span>
                    <div class="name">
                        safe
                    </div>
                    <div class="code-name">.icon-safe
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-haodian"></span>
                    <div class="name">
                        haodian
                    </div>
                    <div class="code-name">.icon-haodian
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-mao"></span>
                    <div class="name">
                        mao
                    </div>
                    <div class="code-name">.icon-mao
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-qi"></span>
                    <div class="name">
                        qi
                    </div>
                    <div class="code-name">.icon-qi
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-ye"></span>
                    <div class="name">
                        ye
                    </div>
                    <div class="code-name">.icon-ye
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-juhuasuan"></span>
                    <div class="name">
                        juhuasuan
                    </div>
                    <div class="code-name">.icon-juhuasuan
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-taoqianggou"></span>
                    <div class="name">
                        taoqianggou
                    </div>
                    <div class="code-name">.icon-taoqianggou
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-tianmao"></span>
                    <div class="name">
                        tianmao
                    </div>
                    <div class="code-name">.icon-tianmao
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-activityfill"></span>
                    <div class="name">
                        activity_fill
                    </div>
                    <div class="code-name">.icon-activityfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-crownfill"></span>
                    <div class="name">
                        crown_fill
                    </div>
                    <div class="code-name">.icon-crownfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-crown"></span>
                    <div class="name">
                        crown
                    </div>
                    <div class="code-name">.icon-crown
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-goodsfill"></span>
                    <div class="name">
                        goods_fill
                    </div>
                    <div class="code-name">.icon-goodsfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-messagefill"></span>
                    <div class="name">
                        message_fill
                    </div>
                    <div class="code-name">.icon-messagefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-profilefill"></span>
                    <div class="name">
                        profile_fill
                    </div>
                    <div class="code-name">.icon-profilefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-sound"></span>
                    <div class="name">
                        sound
                    </div>
                    <div class="code-name">.icon-sound
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-sponsorfill"></span>
                    <div class="name">
                        sponsor_fill
                    </div>
                    <div class="code-name">.icon-sponsorfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-sponsor"></span>
                    <div class="name">
                        sponsor
                    </div>
                    <div class="code-name">.icon-sponsor
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-upblock"></span>
                    <div class="name">
                        up_block
                    </div>
                    <div class="code-name">.icon-upblock
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-weblock"></span>
                    <div class="name">
                        we_block
                    </div>
                    <div class="code-name">.icon-weblock
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-weunblock"></span>
                    <div class="name">
                        we_unblock
                    </div>
                    <div class="code-name">.icon-weunblock
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-1111"></span>
                    <div class="name">
                        1111
                    </div>
                    <div class="code-name">.icon-1111
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-my"></span>
                    <div class="name">
                        my
                    </div>
                    <div class="code-name">.icon-my
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-myfill"></span>
                    <div class="name">
                        my_fill
                    </div>
                    <div class="code-name">.icon-myfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-emojifill"></span>
                    <div class="name">
                        emoji_fill
                    </div>
                    <div class="code-name">.icon-emojifill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-emojiflashfill"></span>
                    <div class="name">
                        emoji_flash_fill
                    </div>
                    <div class="code-name">.icon-emojiflashfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-flashbuyfill-copy"></span>
                    <div class="name">
                        flashbuy_fill
                    </div>
                    <div class="code-name">.icon-flashbuyfill-copy
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-text"></span>
                    <div class="name">
                        text
                    </div>
                    <div class="code-name">.icon-text
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-goodsfavor"></span>
                    <div class="name">
                        goods_favor
                    </div>
                    <div class="code-name">.icon-goodsfavor
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-musicfill"></span>
                    <div class="name">
                        music_fill
                    </div>
                    <div class="code-name">.icon-musicfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-musicforbidfill"></span>
                    <div class="name">
                        music_forbid_fill
                    </div>
                    <div class="code-name">.icon-musicforbidfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-xiamiforbid"></span>
                    <div class="name">
                        xiami_forbid
                    </div>
                    <div class="code-name">.icon-xiamiforbid
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-xiami"></span>
                    <div class="name">
                        xiami
                    </div>
                    <div class="code-name">.icon-xiami
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundleftfill"></span>
                    <div class="name">
                        round_left_fill
                    </div>
                    <div class="code-name">.icon-roundleftfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-triangledownfill"></span>
                    <div class="name">
                        triangle_down_fill
                    </div>
                    <div class="code-name">.icon-triangledownfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-triangleupfill"></span>
                    <div class="name">
                        triangle_up_fill
                    </div>
                    <div class="code-name">.icon-triangleupfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundleftfill-copy"></span>
                    <div class="name">
                        round_left_fill
                    </div>
                    <div class="code-name">.icon-roundleftfill-copy
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-pulldown1"></span>
                    <div class="name">
                        pull_down
                    </div>
                    <div class="code-name">.icon-pulldown1
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-emojilight"></span>
                    <div class="name">
                        emoji_light
                    </div>
                    <div class="code-name">.icon-emojilight
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-keyboardlight"></span>
                    <div class="name">
                        keyboard_light
                    </div>
                    <div class="code-name">.icon-keyboardlight
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-recordfill"></span>
                    <div class="name">
                        record_fill
                    </div>
                    <div class="code-name">.icon-recordfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-recordlight"></span>
                    <div class="name">
                        record_light
                    </div>
                    <div class="code-name">.icon-recordlight
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-record"></span>
                    <div class="name">
                        record
                    </div>
                    <div class="code-name">.icon-record
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-roundaddlight"></span>
                    <div class="name">
                        round_add_light
                    </div>
                    <div class="code-name">.icon-roundaddlight
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-soundlight"></span>
                    <div class="name">
                        sound_light
                    </div>
                    <div class="code-name">.icon-soundlight
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cardboardfill"></span>
                    <div class="name">
                        cardboard_fill
                    </div>
                    <div class="code-name">.icon-cardboardfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cardboard"></span>
                    <div class="name">
                        cardboard
                    </div>
                    <div class="code-name">.icon-cardboard
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-formfill"></span>
                    <div class="name">
                        form_fill
                    </div>
                    <div class="code-name">.icon-formfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-coin"></span>
                    <div class="name">
                        coin
                    </div>
                    <div class="code-name">.icon-coin
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-sortlight"></span>
                    <div class="name">
                        sort_light
                    </div>
                    <div class="code-name">.icon-sortlight
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cardboardforbid"></span>
                    <div class="name">
                        cardboard_forbid
                    </div>
                    <div class="code-name">.icon-cardboardforbid
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-circlefill"></span>
                    <div class="name">
                        circle_fill
                    </div>
                    <div class="code-name">.icon-circlefill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-circle"></span>
                    <div class="name">
                        circle
                    </div>
                    <div class="code-name">.icon-circle
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-attentionforbid"></span>
                    <div class="name">
                        attention_forbid
                    </div>
                    <div class="code-name">.icon-attentionforbid
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-attentionforbidfill"></span>
                    <div class="name">
                        attention_forbid_fill
                    </div>
                    <div class="code-name">.icon-attentionforbidfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-attentionfavorfill"></span>
                    <div class="name">
                        attention_favor_fill
                    </div>
                    <div class="code-name">.icon-attentionfavorfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-attentionfavor"></span>
                    <div class="name">
                        attention_favor
                    </div>
                    <div class="code-name">.icon-attentionfavor
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-piclight"></span>
                    <div class="name">
                        pic_light
                    </div>
                    <div class="code-name">.icon-piclight
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-shoplight"></span>
                    <div class="name">
                        shop_light
                    </div>
                    <div class="code-name">.icon-shoplight
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-voicelight"></span>
                    <div class="name">
                        voice_light
                    </div>
                    <div class="code-name">.icon-voicelight
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-attentionfavorfill-copy"></span>
                    <div class="name">
                        attention_favor_fill
                    </div>
                    <div class="code-name">.icon-attentionfavorfill-copy
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-full"></span>
                    <div class="name">
                        full
                    </div>
                    <div class="code-name">.icon-full
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-mail"></span>
                    <div class="name">
                        mail
                    </div>
                    <div class="code-name">.icon-mail
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-peoplelist"></span>
                    <div class="name">
                        people_list
                    </div>
                    <div class="code-name">.icon-peoplelist
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-goodsnewfill"></span>
                    <div class="name">
                        goods_new_fill
                    </div>
                    <div class="code-name">.icon-goodsnewfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-goodsnew"></span>
                    <div class="name">
                        goods_new
                    </div>
                    <div class="code-name">.icon-goodsnew
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-medalfill"></span>
                    <div class="name">
                        medal_fill
                    </div>
                    <div class="code-name">.icon-medalfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-medal"></span>
                    <div class="name">
                        medal
                    </div>
                    <div class="code-name">.icon-medal
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-newsfill"></span>
                    <div class="name">
                        news_fill
                    </div>
                    <div class="code-name">.icon-newsfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-newshotfill"></span>
                    <div class="name">
                        news_hot_fill
                    </div>
                    <div class="code-name">.icon-newshotfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-newshot"></span>
                    <div class="name">
                        news_hot
                    </div>
                    <div class="code-name">.icon-newshot
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-news"></span>
                    <div class="name">
                        news
                    </div>
                    <div class="code-name">.icon-news
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-videofill"></span>
                    <div class="name">
                        video_fill
                    </div>
                    <div class="code-name">.icon-videofill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-video"></span>
                    <div class="name">
                        video
                    </div>
                    <div class="code-name">.icon-video
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-askfill"></span>
                    <div class="name">
                        ask_fill
                    </div>
                    <div class="code-name">.icon-askfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-ask"></span>
                    <div class="name">
                        ask
                    </div>
                    <div class="code-name">.icon-ask
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-exit"></span>
                    <div class="name">
                        exit
                    </div>
                    <div class="code-name">.icon-exit
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-skinfill"></span>
                    <div class="name">
                        skin_fill
                    </div>
                    <div class="code-name">.icon-skinfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-skin"></span>
                    <div class="name">
                        skin
                    </div>
                    <div class="code-name">.icon-skin
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-moneybagfill"></span>
                    <div class="name">
                        money_bag_fill
                    </div>
                    <div class="code-name">.icon-moneybagfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-usefullfill"></span>
                    <div class="name">
                        usefull_fill
                    </div>
                    <div class="code-name">.icon-usefullfill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-usefull"></span>
                    <div class="name">
                        usefull
                    </div>
                    <div class="code-name">.icon-usefull
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-moneybag"></span>
                    <div class="name">
                        money_bag
                    </div>
                    <div class="code-name">.icon-moneybag
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-redpacket_fill"></span>
                    <div class="name">
                        redpacket_fill
                    </div>
                    <div class="code-name">.icon-redpacket_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-subscription"></span>
                    <div class="name">
                        subscription
                    </div>
                    <div class="code-name">.icon-subscription
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-home_light"></span>
                    <div class="name">
                        home_light
                    </div>
                    <div class="code-name">.icon-home_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-my_light"></span>
                    <div class="name">
                        my_light
                    </div>
                    <div class="code-name">.icon-my_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-community_light"></span>
                    <div class="name">
                        community_light
                    </div>
                    <div class="code-name">.icon-community_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cart_light"></span>
                    <div class="name">
                        cart_light
                    </div>
                    <div class="code-name">.icon-cart_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-we_light"></span>
                    <div class="name">
                        we_light
                    </div>
                    <div class="code-name">.icon-we_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-home_fill_light"></span>
                    <div class="name">
                        home_fill_light
                    </div>
                    <div class="code-name">.icon-home_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-cart_fill_light"></span>
                    <div class="name">
                        cart_fill_light
                    </div>
                    <div class="code-name">.icon-cart_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-community_fill_light"></span>
                    <div class="name">
                        community_fill_light
                    </div>
                    <div class="code-name">.icon-community_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-my_fill_light"></span>
                    <div class="name">
                        my_fill_light
                    </div>
                    <div class="code-name">.icon-my_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-we_fill_light"></span>
                    <div class="name">
                        we_fill_light
                    </div>
                    <div class="code-name">.icon-we_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-skin_light"></span>
                    <div class="name">
                        skin_light
                    </div>
                    <div class="code-name">.icon-skin_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-search_light"></span>
                    <div class="name">
                        search_light
                    </div>
                    <div class="code-name">.icon-search_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-scan_light"></span>
                    <div class="name">
                        scan_light
                    </div>
                    <div class="code-name">.icon-scan_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-people_list_light"></span>
                    <div class="name">
                        people_list_light
                    </div>
                    <div class="code-name">.icon-people_list_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-message_light"></span>
                    <div class="name">
                        message_light
                    </div>
                    <div class="code-name">.icon-message_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-close_light"></span>
                    <div class="name">
                        close_light
                    </div>
                    <div class="code-name">.icon-close_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-add_light"></span>
                    <div class="name">
                        add_light
                    </div>
                    <div class="code-name">.icon-add_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-profile_light"></span>
                    <div class="name">
                        profile_light
                    </div>
                    <div class="code-name">.icon-profile_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-service_light"></span>
                    <div class="name">
                        service_light
                    </div>
                    <div class="code-name">.icon-service_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-friend_add_light"></span>
                    <div class="name">
                        friend_add_light
                    </div>
                    <div class="code-name">.icon-friend_add_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-edit_light"></span>
                    <div class="name">
                        edit_light
                    </div>
                    <div class="code-name">.icon-edit_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-camera_light"></span>
                    <div class="name">
                        camera_light
                    </div>
                    <div class="code-name">.icon-camera_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-hot_light"></span>
                    <div class="name">
                        hot_light
                    </div>
                    <div class="code-name">.icon-hot_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-refresh_light"></span>
                    <div class="name">
                        refresh_light
                    </div>
                    <div class="code-name">.icon-refresh_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-back_light"></span>
                    <div class="name">
                        back_light
                    </div>
                    <div class="code-name">.icon-back_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-share_light"></span>
                    <div class="name">
                        share_light
                    </div>
                    <div class="code-name">.icon-share_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-comment_light"></span>
                    <div class="name">
                        comment_light
                    </div>
                    <div class="code-name">.icon-comment_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-appreciate_light"></span>
                    <div class="name">
                        appreciate_light
                    </div>
                    <div class="code-name">.icon-appreciate_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-favor_light"></span>
                    <div class="name">
                        favor_light
                    </div>
                    <div class="code-name">.icon-favor_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-appreciate_fill_light"></span>
                    <div class="name">
                        appreciate_fill_light
                    </div>
                    <div class="code-name">.icon-appreciate_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-comment_fill_light"></span>
                    <div class="name">
                        comment_fill_light
                    </div>
                    <div class="code-name">.icon-comment_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-wang_light"></span>
                    <div class="name">
                        wang_light
                    </div>
                    <div class="code-name">.icon-wang_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-more_android_light"></span>
                    <div class="name">
                        more_android_light
                    </div>
                    <div class="code-name">.icon-more_android_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-friend_light"></span>
                    <div class="name">
                        friend_light
                    </div>
                    <div class="code-name">.icon-friend_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-more_light"></span>
                    <div class="name">
                        more_light
                    </div>
                    <div class="code-name">.icon-more_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-goods_favor_light"></span>
                    <div class="name">
                        goods_favor_light
                    </div>
                    <div class="code-name">.icon-goods_favor_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-goods_new_fill_light"></span>
                    <div class="name">
                        goods_new_fill_light
                    </div>
                    <div class="code-name">.icon-goods_new_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-goods_new_light"></span>
                    <div class="name">
                        goods_new_light
                    </div>
                    <div class="code-name">.icon-goods_new_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-goods_light"></span>
                    <div class="name">
                        goods_light
                    </div>
                    <div class="code-name">.icon-goods_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-medal_fill_light"></span>
                    <div class="name">
                        medal_fill_light
                    </div>
                    <div class="code-name">.icon-medal_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-medal_light"></span>
                    <div class="name">
                        medal_light
                    </div>
                    <div class="code-name">.icon-medal_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-news_fill_light"></span>
                    <div class="name">
                        news_fill_light
                    </div>
                    <div class="code-name">.icon-news_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-news_hot_fill_light"></span>
                    <div class="name">
                        news_hot_fill_light
                    </div>
                    <div class="code-name">.icon-news_hot_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-news_hot_light"></span>
                    <div class="name">
                        news_hot_light
                    </div>
                    <div class="code-name">.icon-news_hot_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-news_light"></span>
                    <div class="name">
                        news_light
                    </div>
                    <div class="code-name">.icon-news_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-video_fill_light"></span>
                    <div class="name">
                        video_fill_light
                    </div>
                    <div class="code-name">.icon-video_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-message_fill_light"></span>
                    <div class="name">
                        message_fill_light
                    </div>
                    <div class="code-name">.icon-message_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-form_light"></span>
                    <div class="name">
                        form_light
                    </div>
                    <div class="code-name">.icon-form_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-video_light"></span>
                    <div class="name">
                        video_light
                    </div>
                    <div class="code-name">.icon-video_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-search_list_light"></span>
                    <div class="name">
                        search_list_light
                    </div>
                    <div class="code-name">.icon-search_list_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-form_fill_light"></span>
                    <div class="name">
                        form_fill_light
                    </div>
                    <div class="code-name">.icon-form_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-global_light"></span>
                    <div class="name">
                        global_light
                    </div>
                    <div class="code-name">.icon-global_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-global"></span>
                    <div class="name">
                        global
                    </div>
                    <div class="code-name">.icon-global
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-favor_fill_light"></span>
                    <div class="name">
                        favor_fill_light
                    </div>
                    <div class="code-name">.icon-favor_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-delete_light"></span>
                    <div class="name">
                        delete_light
                    </div>
                    <div class="code-name">.icon-delete_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-back_android"></span>
                    <div class="name">
                        back_android
                    </div>
                    <div class="code-name">.icon-back_android
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-back_android_light"></span>
                    <div class="name">
                        back_android_light
                    </div>
                    <div class="code-name">.icon-back_android_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-down_light"></span>
                    <div class="name">
                        down_light
                    </div>
                    <div class="code-name">.icon-down_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_close_light"></span>
                    <div class="name">
                        round_close_light
                    </div>
                    <div class="code-name">.icon-round_close_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_close_fill_light"></span>
                    <div class="name">
                        round_close_fill_light
                    </div>
                    <div class="code-name">.icon-round_close_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-expressman"></span>
                    <div class="name">
                        expressman
                    </div>
                    <div class="code-name">.icon-expressman
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-punch_light"></span>
                    <div class="name">
                        punch_light
                    </div>
                    <div class="code-name">.icon-punch_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-evaluate_fill"></span>
                    <div class="name">
                        evaluate_fill
                    </div>
                    <div class="code-name">.icon-evaluate_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-furniture"></span>
                    <div class="name">
                        furniture
                    </div>
                    <div class="code-name">.icon-furniture
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-dress"></span>
                    <div class="name">
                        dress
                    </div>
                    <div class="code-name">.icon-dress
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-coffee"></span>
                    <div class="name">
                        coffee
                    </div>
                    <div class="code-name">.icon-coffee
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-sports"></span>
                    <div class="name">
                        sports
                    </div>
                    <div class="code-name">.icon-sports
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-group_light"></span>
                    <div class="name">
                        group_light
                    </div>
                    <div class="code-name">.icon-group_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-location_light"></span>
                    <div class="name">
                        location_light
                    </div>
                    <div class="code-name">.icon-location_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-attention_light"></span>
                    <div class="name">
                        attention_light
                    </div>
                    <div class="code-name">.icon-attention_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-group_fill_light"></span>
                    <div class="name">
                        group_fill_light
                    </div>
                    <div class="code-name">.icon-group_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-group_fill"></span>
                    <div class="name">
                        group_fill
                    </div>
                    <div class="code-name">.icon-group_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-play_forward_fill"></span>
                    <div class="name">
                        play_forward_fill
                    </div>
                    <div class="code-name">.icon-play_forward_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-subscription_light"></span>
                    <div class="name">
                        subscription_light
                    </div>
                    <div class="code-name">.icon-subscription_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-deliver_fill"></span>
                    <div class="name">
                        deliver_fill
                    </div>
                    <div class="code-name">.icon-deliver_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-notice_forbid_fill"></span>
                    <div class="name">
                        notice_forbid_fill
                    </div>
                    <div class="code-name">.icon-notice_forbid_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-qr_code_light"></span>
                    <div class="name">
                        qr_code_light
                    </div>
                    <div class="code-name">.icon-qr_code_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-settings_light"></span>
                    <div class="name">
                        settings_light
                    </div>
                    <div class="code-name">.icon-settings_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-pick"></span>
                    <div class="name">
                        pick
                    </div>
                    <div class="code-name">.icon-pick
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-form_favor_light"></span>
                    <div class="name">
                        form_favor_light
                    </div>
                    <div class="code-name">.icon-form_favor_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_comment_light"></span>
                    <div class="name">
                        round_comment_light
                    </div>
                    <div class="code-name">.icon-round_comment_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-phone_light"></span>
                    <div class="name">
                        phone_light
                    </div>
                    <div class="code-name">.icon-phone_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_down_light"></span>
                    <div class="name">
                        round_down_light
                    </div>
                    <div class="code-name">.icon-round_down_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-friend_settings_light"></span>
                    <div class="name">
                        friend_settings_light
                    </div>
                    <div class="code-name">.icon-friend_settings_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-change"></span>
                    <div class="name">
                        change_light
                    </div>
                    <div class="code-name">.icon-change
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_list_light"></span>
                    <div class="name">
                        round_list_light
                    </div>
                    <div class="code-name">.icon-round_list_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-ticket_fill"></span>
                    <div class="name">
                        ticket_fill
                    </div>
                    <div class="code-name">.icon-ticket_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_friend_fill"></span>
                    <div class="name">
                        round_friend_fill
                    </div>
                    <div class="code-name">.icon-round_friend_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_crown_fill"></span>
                    <div class="name">
                        round_crown_fill
                    </div>
                    <div class="code-name">.icon-round_crown_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_link_fill"></span>
                    <div class="name">
                        round_link_fill
                    </div>
                    <div class="code-name">.icon-round_link_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_light_fill"></span>
                    <div class="name">
                        round_light_fill
                    </div>
                    <div class="code-name">.icon-round_light_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_favor_fill"></span>
                    <div class="name">
                        round_favor_fill
                    </div>
                    <div class="code-name">.icon-round_favor_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_menu_fill"></span>
                    <div class="name">
                        round_menu_fill
                    </div>
                    <div class="code-name">.icon-round_menu_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_location_fill"></span>
                    <div class="name">
                        round_location_fill
                    </div>
                    <div class="code-name">.icon-round_location_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_pay_fill"></span>
                    <div class="name">
                        round_pay_fill
                    </div>
                    <div class="code-name">.icon-round_pay_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_like_fill"></span>
                    <div class="name">
                        round_like_fill
                    </div>
                    <div class="code-name">.icon-round_like_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_people_fill"></span>
                    <div class="name">
                        round_people_fill
                    </div>
                    <div class="code-name">.icon-round_people_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_pay"></span>
                    <div class="name">
                        round_pay
                    </div>
                    <div class="code-name">.icon-round_pay
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_rank_fill"></span>
                    <div class="name">
                        round_rank_fill
                    </div>
                    <div class="code-name">.icon-round_rank_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_redpacket_fill"></span>
                    <div class="name">
                        round_redpacket_fill
                    </div>
                    <div class="code-name">.icon-round_redpacket_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_skin_fill"></span>
                    <div class="name">
                        round_skin_fill
                    </div>
                    <div class="code-name">.icon-round_skin_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_record_fill"></span>
                    <div class="name">
                        round_record_fill
                    </div>
                    <div class="code-name">.icon-round_record_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_ticket_fill"></span>
                    <div class="name">
                        round_ticket_fill
                    </div>
                    <div class="code-name">.icon-round_ticket_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_redpacket"></span>
                    <div class="name">
                        round_redpacket
                    </div>
                    <div class="code-name">.icon-round_redpacket
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_text_fill"></span>
                    <div class="name">
                        round_text_fill
                    </div>
                    <div class="code-name">.icon-round_text_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_ticket"></span>
                    <div class="name">
                        round_ticket
                    </div>
                    <div class="code-name">.icon-round_ticket
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_transfer_fill"></span>
                    <div class="name">
                        round_transfer_fill
                    </div>
                    <div class="code-name">.icon-round_transfer_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-subtitle_block_light"></span>
                    <div class="name">
                        subtitle_block_light
                    </div>
                    <div class="code-name">.icon-subtitle_block_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-warn_light"></span>
                    <div class="name">
                        warn_light
                    </div>
                    <div class="code-name">.icon-warn_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_transfer"></span>
                    <div class="name">
                        round_transfer
                    </div>
                    <div class="code-name">.icon-round_transfer
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-vip_code_light"></span>
                    <div class="name">
                        vip_code_light
                    </div>
                    <div class="code-name">.icon-vip_code_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-subtitle_unblock_light"></span>
                    <div class="name">
                        subtitle_unblock_light
                    </div>
                    <div class="code-name">.icon-subtitle_unblock_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-round_shop_fill"></span>
                    <div class="name">
                        round_shop_fill
                    </div>
                    <div class="code-name">.icon-round_shop_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-oppose_fill_light"></span>
                    <div class="name">
                        oppose_fill_light
                    </div>
                    <div class="code-name">.icon-oppose_fill_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-oppose_light"></span>
                    <div class="name">
                        oppose_light
                    </div>
                    <div class="code-name">.icon-oppose_light
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-living"></span>
                    <div class="name">
                        living
                    </div>
                    <div class="code-name">.icon-living
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-goods_hot_fill"></span>
                    <div class="name">
                        goods_hot_fill
                    </div>
                    <div class="code-name">.icon-goods_hot_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-ticket_money_fill"></span>
                    <div class="name">
                        ticket_money_fill
                    </div>
                    <div class="code-name">.icon-ticket_money_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-arrow_left_fill"></span>
                    <div class="name">
                        arrow_left_fill
                    </div>
                    <div class="code-name">.icon-arrow_left_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-arrow_up_fill"></span>
                    <div class="name">
                        arrow_up_fill
                    </div>
                    <div class="code-name">.icon-arrow_up_fill
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-xiaoheiqun"></span>
                    <div class="name">
                        xiaoheiqun
                    </div>
                    <div class="code-name">.icon-xiaoheiqun
                    </div>
                </li>

                <li class="dib">
                    <span class="icon iconfont icon-auction"></span>
                    <div class="name">
                        auction
                    </div>
                    <div class="code-name">.icon-auction</div>
                </li>

            </ul>
        </div>

    </div>
</div>
{include file='footer'/}
<script>
  $(function () {
    $(".dib-box li").click(function (e) {
      var codename = $(this).find(".code-name").text().trim();
      codename = codename.replace(".", "");
      $.cookie("menu_icon_name1", codename, {path: "/", expiress: 1});
      layer.msg("酷毙了！！选择成功：" + codename, {icon: 1});
    });
  })
</script>
</body>
</html>
